<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>考生志愿方案系统-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/semantic.min.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/common.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/solution.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/morris.css">
<style type="text/css">
@media only screen and (max-width: 767px) {
	#secondMenuLaunch {
		display: inline-block;
	}
	#leftConditionContainer {
		display: none;
	}
}
</style>

<script src="http://${static_server }/js/jquery.min.js"></script>
<script src="http://${static_server }/js/raphael-2.1.0.min.js"></script>
<script src="http://${static_server }/js/morris.min.js"></script>
<script src="http://${static_server }/js/semantic.min.js"></script>
<script src="http://${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script src="//${static_server }/js/solution.js"></script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="ui modal" id="studentsModal">
		<i class="close icon"></i>
		<div class="header">历年录取考生数据</div>
		<div class="content">
			<div class="ui icon message">
			  <i class="icon"></i>
			  <div class="header"></div>
			  <p></p>
			</div>
			<table class="ui teal celled striped table">
				<thead><tr>
					<th class="single line">年份</th>
					<th class="single line">考号</th>
					<th class="single line">姓名</th>
					<th class="single line">性别</th>
					<th class="single line">当年成绩</th>
					<th>转化为16年的成绩</th>
					<th>与我的分数差</th>
					<th>单科成绩</th>
				</tr></thead>
				<tbody></tbody>
			</table>
		</div>
	</div>
	<div class="pusher">
		<div id="schoolheadsegment"
			class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">考生志愿方案系统</div>
				</div>
			</div>
			<!-- content container end -->
		</div>

		<div id="mainsegment" class="ui vertical masthead segment">
			<div class="ui container">
				<form class="ui solution form segment" method="post"
					action="//${dynamic_server }/score/index.do">
					<div class="ui message">
						注意事项：该功能在高考成绩正式公布前，可以自由输入分数和选择科类信息，至高考分数正式公布日起，分数和科类都将读取考生个人信息，不再允许输入！该功能采用<a>位次法</a>进行转分。<br/>
						生成网报方案不提供试用，想了解该功能你可以点击<a href="//www.gaokaozyt.cn/img/solution.png" target="_blank">方案样本</a>。
					</div>
					<div class="fields">
						<div class="eight wide field">
							<input type="hidden" name="range" value="5"> <input
								type="number" name="score" placeholder="输入您的分数"
								value="${score }"  <c:if test="${isReleaseScore }">disabled=""</c:if>>
								
						</div>
						<div class="eight wide field">
							<div class='ui fluid selection dropdown <c:if test="${isReleaseScore }">disabled</c:if>'>
								<input name="subject" type="hidden" value="${subject }">
								<i class="dropdown icon"></i>
								<div class="default text">请选择科类</div>
								<div class="fluid menu">
									<div class="item" data-value="普通文科">普通文科</div>
									<div class="item" data-value="普通理科">普通理科</div>
									<div class="item" data-value="蒙授文科">蒙授文科</div>
									<div class="item" data-value="蒙授理科">蒙授理科</div>
								</div>
							</div>
						</div>
					</div>
					<div class="fields">
						<div class="eight wide field">
							<div class="ui left fluid action input">
								<a class="ui button reset"> 不限 </a>
								<div class="ui fluid multiple selection dropdown">
									<input name="batchs" type="hidden" value=""> <i
										class="dropdown icon"></i>
									<div class="default text">请选择批次</div>
									<div class="menu">
										<div class="item" data-value="本科提前A">本科提前A</div>
										<div class="item" data-value="本科提前B">本科提前B</div>
										<div class="item" data-value="本科一批">本科一批</div>
										<div class="item" data-value="本科一批B">本科一批B</div>
										<div class="item" data-value="本科二批">本科二批</div>
										<div class="item" data-value="本科二批B">本科二批B</div>
										<div class="item" data-value="本科二批C">本科二批C</div>
										<div class="item" data-value="专科提前">专科提前</div>
										<div class="item" data-value="高职高专">高职高专</div>
									</div>
								</div>
							</div>
						</div>
						<div class="eight wide field">
							<div class="ui left fluid action input">
								<!-- <a class="ui button reset"> 不限 </a>
									<div id="college_dropdown"
										class="ui multiple fluid filtered search selection dropdown">
										<input name="college_ids" type="hidden"> <i class="dropdown icon"></i> <input
											type="text" class="search">
										<div class="default text">请输入院校关键字搜索</div>
									</div> -->
								<a class="ui button reset"> 不限 </a>
								<div id="college_dropdown"
									class="ui multiple fluid searchInMenu selection dropdown">
									<input type="hidden" name="collegeIds"> <i
										class="dropdown icon"></i>
									<div class="default text">请选择相关院校</div>
									<div class="menu">
										<div class="ui icon search input">
											<i class="search icon"></i> <input type="text"
												placeholder="输入关键字搜索...">
										</div>
										<div class="divider"></div>
										<div class="scrolling menu"></div>
									</div>
								</div>

								<i class="orange help inline circle icon"
									data-content="这是一个带全文检索功能的下拉选择框，我们会根据你输入的关键字来列出所有可能选项来供您选择！"
									data-variation="wide"></i>
							</div>
						</div>
					</div>
					<div class="fields">
						<div class="eight wide field">
							<div class="ui left fluid action input">
								<a class="ui button reset"> 不限 </a>
								<div id="major_dropdown"
									class="ui multiple fluid searchInMenu selection dropdown">
									<input type="hidden" name="descriptionIds"> <i
										class="dropdown icon"></i>
									<div class="default text">请选择相关专业</div>
									<div class="menu">
										<div class="ui icon search input">
											<i class="search icon"></i> <input type="text"
												placeholder="输入关键字搜索...">
										</div>
										<div class="divider"></div>
										<div class="scrolling menu"></div>
									</div>
								</div>

								<i class="orange help inline circle icon"
									data-content="这是一个带全文检索功能的下拉选择框，我们会根据你输入的关键字来列出所有可能选项来供您选择！"
									data-variation="wide"></i>
							</div>
						</div>
						<div class="eight wide field">
								<div class="ui left fluid action input">
									<a class="ui button reset"> 不限 </a>
									<div class="ui fluid multiple selection dropdown">
										<input name="collegeTypes" type="hidden" value=""> <i
											class="dropdown icon"></i>
										<div class="default text">请选择院校类型</div>
										<div class="fluid menu">
											<div class="item" data-value="体育">体育</div>
											<div class="item" data-value="农业">农业</div>
											<div class="item" data-value="医药">医药</div>
											<div class="item" data-value="工科">工科</div>
											<div class="item" data-value="师范">师范</div>
											<div class="item" data-value="政法">政法</div>
											<div class="item" data-value="林业">林业</div>
											<div class="item" data-value="民族">民族</div>
											<div class="item" data-value="综合">综合</div>
											<div class="item" data-value="艺术">艺术</div>
											<div class="item" data-value="语言">语言</div>
											<div class="item" data-value="财经">财经</div>
										</div>
									</div>
								</div>
						</div>
					</div>
					<div class="fields">
						<div class="eight wide inline field">
							<label>院校实力</label>
							<div class="ui checkbox">
								<input type="checkbox" name="q_2" class="hidden"> <label>211</label>
							</div>
							<div class="ui checkbox">
								<input type="checkbox" name="q_9" class="hidden"> <label>985</label>
							</div>
							<div class="ui checkbox">
								<input type="checkbox" name="q_y" class="hidden"> <label>研究生院</label>
							</div>
						</div>
						<div class='four wide field <c:if test="${!isAdmin }">hidden</c:if>'>
							<input	type="number" name="highLine" placeholder="请输入上线区间"	>
						</div>
						<div class='four wide field <c:if test="${!isAdmin }">hidden</c:if>'>
							<input	type="number" name="lowLine" placeholder="请输入下线区间"	>
						</div>
					</div>
					<div class="ui error message"></div>
					<div class="ui query orange button">智能查询</div>
					<div class="ui create orange button">生成网报方案</div>
				</form>

				<div
					class="ui teal segment grid middle aligned center aligned stackable transition hidden">
					<div class="doubling row">
						<div class="six wide column">
							<div class="ui small orange statistic" id="ranking">
								<div class="value">0</div>
								<div class="label">您的分位次</div>
							</div>
						</div>
						<div class="ten wide column">
							<div class="ui tiny orange three statistics" id="scoreThreeYear">
								<div class="statistic">
									<div class="value">0</div>
									<div class="label">15年的分数</div>
								</div>
								<div class=" statistic">
									<div class="value">0</div>
									<div class="label">14年的分数</div>
								</div>
								<div class="statistic">
									<div class="value">0</div>
									<div class="label">13年的分数</div>
								</div>
							</div>
						</div>
					</div>
					<div class="doubling four column row">
						<div class="column">
							<div id="locationDount" style="height: 130px;"></div>
							<p style="color: #999; font-size: 10px;">地域占比</p>
						</div>
						<div class="column">
							<div id="gendarDount" style="height: 130px;"></div>
							<p style="color: #999; font-size: 10px;">男女生占比</p>
						</div>
						<div class="column">
							<div id="batchDount" style="height: 130px;"></div>
							<p style="color: #999; font-size: 10px;">批次占比</p>
						</div>
						<div class="column">
							<div id="nationDount" style="height: 130px;"></div>
							<p style="color: #999; font-size: 10px;">民族占比</p>
						</div>
					</div>
				</div>

				<div class="ui stackable grid ">
					<div class="four wide column transition hidden"
						id="leftConditionContainer">
						<div class="ui vertical fluid  accordion menu">
							<div class="item">
								<a class="active title"> <i class="dropdown icon"></i> 分段选择
								</a>
								<div class="active content">
									<div class="ui list" name="rangeCondition">
										<div class="item">
											<div class="content">
												<a class="ui basic label" data-range="1">上下1分区间</a>
											</div>
										</div>
										<div class="item">
											<div class="content">
												<a class="ui basic label" data-range="3">上下3分区间</a>
											</div>
										</div>
										<div class="item">
											<div class="content">
												<a class="ui orange basic label" data-range="5">上下5分区间</a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="item">
								<a class="title"> <i class="dropdown icon"></i> 地域过滤
									<div class="ui circular label">0</div>
								</a>
								<div class="content">
									<div class="ui horizontal list" name="locationCondition">

									</div>
								</div>
							</div>
							<div class="item">
								<a class="title"> <i class="dropdown icon"></i> 院校过滤
									<div class="ui circular label">0</div>
								</a>
								<div class="content">
									<div class="ui multiple floating dropdown labeled icon button" name="collegeConditionDropdown">
										<input type="hidden" name="filtedColleges"> <i
											class="filter icon"></i> <span class="text">请选择想要过滤的院校</span>
										<div class="menu">
											<div class="ui icon search input">
												<i class="search icon"></i> <input type="text"
													placeholder="输入关键字搜索...">
											</div>
											<div class="scrolling menu" name="collegeCondition"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="item">
								<a class="title"> <i class="dropdown icon"></i> 专业过滤
									<div class="ui circular label">0</div>
								</a>
								<div class="content">
									<div class="ui multiple floating dropdown labeled icon button" name="majorConditionDropdown">
										<input type="hidden" name="filtedMajors"> <i
											class="filter icon"></i> <span class="text">请选择想要过滤的专业</span>
										<div class="menu">
											<div class="ui icon search input">
												<i class="search icon"></i> <input type="text"
													placeholder="输入关键字搜索...">
											</div>
											<div class="scrolling menu" name="majorCondition"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="item">
								<a class="title"> <i class="dropdown icon"></i> 职业测评选择
									<div class="ui circular label">0</div>
								</a>
								<div class="content" id="quizCondition"></div>
							</div>
						</div>

					</div>
					<div class="twelve wide column transition hidden"
						id="tableContainer">
						<!-- 三个tab页 -->
						<div class="ui teal fluid three item menu">
							<a class="active item" data-tab="first"><span
								style="font-size: 1.2rem;">冲一冲</span>
							<div class="ui orange circular label">0</div></a> <a class="item"
								data-tab="second"><span style="font-size: 1.2rem;">稳一稳</span>
							<div class="ui orange circular label">0</div></a> <a class="item"
								data-tab="third"><span style="font-size: 1.2rem;">保一保</span>
							<div class="ui orange circular label">0</div></a>
						</div>
						<div class="ui basic active tab segment" style="padding: 0px;"
							data-tab="first">
							<table class="ui unstackable celled  table">
								<thead>
									<tr>
										<th></th>
										<th>院校名称</th>
										<th>专业名称</th>
										<th>批次</th>
										<th >科类</th>
										<th >水位线<i class="orange help inline circle icon"
											data-content="2013-2015年该院校该专业所有录取考生分数和您的转分后的成绩相比，您的成绩>=多少人的百分比"
											data-variation="wide"></i></th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<div class="ui basic tab segment" style="padding: 0px;"
							data-tab="second">
							<table class="ui unstackable celled  table">
								<thead>
									<tr>
										<th></th>
										<th >院校名称</th>
										<th >专业名称</th>
										<th >批次</th>
										<th>科类</th>
										<th>水位线<i class="orange help inline circle icon"
											data-content="2013-2015年该院校该专业所有录取考生分数和您的转分后的成绩相比，您的成绩>=多少人的百分比"
											data-variation="wide"></i></th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<div class="ui basic tab segment" style="padding: 0px;"
							data-tab="third">
							<table class="ui unstackable celled  table">
								<thead>
									<tr>
										<th ></th>
										<th >院校名称</th>
										<th >专业名称</th>
										<th >批次</th>
										<th >科类</th>
										<th >水位线</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<!-- segment end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>
